/* 初始化 */
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
dt,
dd,
ul,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td,
ol {
  margin: 0;
  padding: 0;
}

*,
::after,
::before {
  box-sizing: border-box;
  outline: none;
}

html {
  font-size: 62.5%;
}

body {
  font: 12px "Microsoft YaHei", "Arial";
  color: #000;
  line-height: 1.5;
  overflow-x: hidden;
}

ol,
ul,
li {
  list-style-type: none;
  vertical-align: middle;
}

img {
  vertical-align: top;
  border: 0;
  max-width: 100%;
  height: auto;
}

input,
select,
textarea,
button {
  vertical-align: middle;
}

textarea,
input {
  outline: none;
  resize: none;
}

input[type='submit'],
input[type='button'],
button {
  text-indent: 0;
  text-align: center;
  cursor: pointer;
}

label,
button,
a {
  cursor: pointer;
}

ins,
em,
b,
i {
  text-decoration: none;
  font-style: normal;
}

/* 去掉浏览器默认样式 */

select:focus,
textarea:focus,
input:focus,
button {
  outline: none;
}

/* placeholder文字的初始样式 */
input::-webkit-input-placeholder,
input:-moz-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder,
textarea::-webkit-input-placeholder,
textarea:-moz-placeholder,
textarea::-moz-placeholder,
textarea:-ms-input-placeholder {
  color: #999;
}

/* table */

table {
  border-collapse: collapse;
  border-spacing: 0;
  font: inherit;
}


/* a标签 */

a {
  color: inherit;
  text-decoration: none;
}

a[href] {
  cursor: pointer;
}

a:hover {
  text-decoration: none;
  cursor: pointer;
}

a:focus {
  background-color: transparent;
}

h1,
h2,
h3,
h4,
h5,
h6,
em {
  font-weight: normal;
}

a,
span,
li,
b,
i,
label,
p,
strong,
div,
h1,
h2,
h3,
h4,
h5,
h6,
font,
small,
em,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
  font: inherit;
  color: inherit;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}


/*用来解决在安卓上的点击出现篮框问题*/

body {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/*解决ios上去除微信点击蓝色边框 */

a:focus,
input:focus,
p:focus,
div:focus {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* 初始化End */


html,
body,
#app {
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: auto;
}

*::-webkit-scrollbar {
  width: 3px;
  border-radius: 1.5px;
}

*::-webkit-scrollbar-button {
  display: none;
}

*::-webkit-scrollbar-track {
  background-color: #eee;
}

*::-webkit-scrollbar-thumb {
  background-color: #199840;
}

/* 主题一：蓝色主题 */
/* 
  background: linear-gradient(135deg, #fdeb71, #f8d800); 黄
  background: linear-gradient(135deg, #abdcff, #0396ff); 蓝
  background: linear-gradient(90deg, #11998e, #38ef7d); 绿
  background: linear-gradient(90deg, #ff416c, #ff4b2b); 红
*/
:root {
  --text-color: #330DF2;
  --bg-color: linear-gradient(135deg, #abdcff, #0396ff);

  /* 四种渐变颜色 */
  --y-text-color: #F39800;
  --y-bg-color: linear-gradient(135deg, #fdeb71, #f8d800);
  --b-text-color: #330DF2;
  --b-bg-color: linear-gradient(135deg, #abdcff, #0396ff);
  --g-text-color: #19A84E;
  --g-bg-color: linear-gradient(90deg, #11998e, #38ef7d);
  --r-text-color: #C20A0A;
  --r-bg-color: linear-gradient(90deg, #ff416c, #ff4b2b);
}

.theme-default {
  --text-color: #330DF2;
  --bg-color: linear-gradient(135deg, #abdcff, #0396ff);
}

.theme-second {
  --text-color: #F39800;
  --bg-color: linear-gradient(135deg, #fdeb71, #f8d800);
}

.theme-third {
  --text-color: #19A84E;
  --bg-color: linear-gradient(90deg, #11998e, #38ef7d);
}

.theme-fourth {
  --text-color: #C20A0A;
  --bg-color: linear-gradient(90deg, #ff416c, #ff4b2b);
}

/* 全局样式区域 */
.el-card.box {
  position: relative;
}

.mymap {
  position: relative;
  width: 100%;
  height: 100%;
}

.ql-editor {
  min-height: 300px;
}

/* 按钮移入 */
.el-button--primary:hover {
  background: var(--bg-color);
}

/* .el-table__expanded-cell[class*=cell] {
  padding: 5px 0 20px 45px;
}
.el-table__expanded-cell[class*=cell] thead {
  display: none;
} */